

<!DOCTYPE html>
<html lang="ch">
<head>

    <meta charset="utf-8">

    <title>简洁高效|一站式导航|技术|社区|摸鱼|财经</title>

    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="shortcut icon" href="favicon.ico">

    <!-- stylesheets css -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/animate.min.css">

    <link rel="stylesheet" href="css/et-line-font.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">

    <link rel="stylesheet" href="css/vegas.min.css">
    <link rel="stylesheet" href="css/style.css">

	    <link rel="stylesheet" href="static/css/bootstrap.css">
    <link rel="stylesheet" href="static/css/bootstrap-bbs.css">
    <link rel="stylesheet" href="static/css/newIndex.css">
    <link rel="stylesheet" href="static/css/common.css">
    <link rel="stylesheet" href="static/css/quanxin_new_1.css">
    <link rel="stylesheet" href="static/css/font_1004935_lk27j4etgh.css">
    <link rel="stylesheet" href="static/css/font_1182862_riuhh3xpvus.css">

    <!--<link href='http://fonts.useso.com/css?family=Rajdhani:400,500,700' rel='stylesheet' type='text/css'>-->

</head>
<body>

<!-- preloader section -->
<section class="preloader">
    <div class="sk-circle">
        <div class="sk-circle1 sk-child"></div>
        <div class="sk-circle2 sk-child"></div>
        <div class="sk-circle3 sk-child"></div>
        <div class="sk-circle4 sk-child"></div>
        <div class="sk-circle5 sk-child"></div>
        <div class="sk-circle6 sk-child"></div>
        <div class="sk-circle7 sk-child"></div>
        <div class="sk-circle8 sk-child"></div>
        <div class="sk-circle9 sk-child"></div>
        <div class="sk-circle10 sk-child"></div>
        <div class="sk-circle11 sk-child"></div>
        <div class="sk-circle12 sk-child"></div>
    </div>
</section>

<!-- home section -->
<section id="home">
    <div class="container" style="height: 70%;">

	<div class="row">
                    <div id="search-boxes" style="border: 1px solid transparent;border-radius: 30px;margin: auto;width: 60%;border-color: #ddd;">
                        <div class="panel-body">
                            <div class="rows">
                                <div class="ddd">
                                    <ul class="search-list">
                                        <div class="li current"><a href="javascript:;" class="btns">程序</a></div>
                                        <div class="li"><a href="javascript:;" class="btns">编程</a></div>
                                        <div class="li"><a href="javascript:;" class="btns">百度</a></div>
                                        <div class="li"><a href="javascript:;" class="btns">谷歌</a></div>
                                        <div class="li"><a href="javascript:;" class="btns">必应</a></div>
                                        <div class="li"><a href="javascript:;" class="btns">微信</a></div>
                                        <div class="li"><a href="javascript:;" class="btns">知乎</a></div>

                                </div>
                            </div>

                            <div class="tab-content search-tab-content">
                              <div class="tab-pane  active" id="search_box-kaifa">
                                    <form action="https://kaifa.baidu.com/searchPage?" method="get" target="_blank">
                                        <div>
                                            <div class="search-input">
                                              <input type="text" class="form-control" placeholder="专注于程序员编程搜索" name="wd" autocomplete="off">
                                              <span class="search-sbmit">
                                                <i class="iconfont icon-search" style="color:#000;font-size: 20px;"></i>
                                              </span>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div class="tab-pane" id="search_box-kaifa">
                                    <form action="https://goobe.io/search.aspx?" method="get" target="_blank">
                                        <div>
                                            <div class="search-input">
                                              <input type="text" class="form-control" placeholder="专注于程序员编程搜索" name="k" autocomplete="off">
                                              <span class="search-sbmit">
                                                <i class="iconfont icon-search" style="color:#000;font-size: 20px;"></i>
                                              </span>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div class="tab-pane" id="search_box-baidu">
                                    <form action="https://www.baidu.com/s" method="get" target="_blank" _lpchecked="1">
                                        <div>
                                            <div class="search-input">
                                              <input type="text" class="form-control" autocomplete="off" placeholder="百度一下，你就知道" name="wd" id="skeysbd">
                                              <span class="search-sbmit">
                                                <input type="hidden" name="tn" value="">
                                                <i class="iconfont icon-search" style="color:#000;font-size: 20px;"></i>
                                              </span>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div class="tab-pane" id="search_box-google">
                                    <form action="https://www.google.com.hk/search?" method="get" target="_blank">
                                        <div>
                                            <div class="search-input">
                                              <input type="text" class="form-control" placeholder="Google搜索" name="q" autocomplete="off"><span class="search-sbmit">
                                                <i class="iconfont icon-search" style="color:#000;font-size: 20px;"></i>
                                              </span>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div class="tab-pane" id="search_box-bing">
                                    <form action="https://cn.bing.com/search?" method="get" target="_blank">
                                        <div>
                                            <div class="search-input">
                                              <input type="text" class="form-control" placeholder="必应搜索" name="q" autocomplete="off">
                                              <span class="search-sbmit">
                                                <i class="iconfont icon-search" style="color:#000;font-size: 20px;"></i>
                                              </span>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div class="tab-pane" id="search_box-weixin">
                                    <form action="https://weixin.sogou.com/weixin?" method="get" target="_blank">
                                        <div>
                                            <div class="search-input">
                                              <input type="text" class="form-control" placeholder="微信搜索" name="query" autocomplete="off">
                                              <span class="search-sbmit">
                                                <input type="hidden" name="type" value="2">
                                                <i class="iconfont icon-search" style="color:#000;font-size: 20px;"></i>
                                              </span>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div class="tab-pane" id="search_box-zhihu">
                                    <form action="https://www.zhihu.com/search?type=content" method="get" target="_blank">
                                        <div>
                                            <div class="search-input">
                                              <input type="text" class="form-control" placeholder="知乎搜索" name="q" autocomplete="off">
                                              <span class="search-sbmit">
                                                <i class="iconfont icon-search" style="color:#000;font-size: 20px;"></i>
                                              </span>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                    </div>
					<div class="row">
					                <div class="indexbox fNAV 0" id="top_tech" style="position:relative">
                   <div class="indexbox_title">
                     <strong style="font-weight: bold !important;">热量点击</strong>
                   </div>
                  <div class="showdiv" id="catalog_7">
                      <section data-catalog="download" class="active">
                          <ul class="website-list">
                              <li class="hot-item">
                                      <div class="item-card">
                                      <div class="icons"><img src="static/img/tech/cnblogs.png"></div>
                                      <div class="contents">
                                          <a href="https://www.cnblogs.com/" class="website" target="_blank" rel="nofollow" style="color:#444">
                                             博客园
                                              </a>
                                          <p class="description">开发者的网上家园</p></div>
                                  </div>
                              </li>

                              <li class="hot-item">
                                      <div class="item-card   ">
                                      <div class="icons"><img src="static/img/tech/csdn.png"></div>
                                      <div class="contents">
                                          <a href="https://www.csdn.net/" class="website" target="_blank" rel="nofollow" style="color:#444">
                                              CSDN                       </a>
                                          <p class="description">中文最大的技术社区</p></div>
                                  </div>
                              </li>
                              <li class="hot-item">
                                      <div class="item-card   ">
                                      <div class="icons"><img src="static/img/tech/oschina.ico"></div>
                                      <div class="contents">
                                          <a href="https://www.oschina.net/" class="website" target="_blank" rel="nofollow" style="color:#444">
                                              开源中国
                                            </a>
                                          <p class="description">目前国内最大的开源技术社区 </p></div>
                                  </div>
                              </li>
                              <li class="hot-item">
                                      <div class="item-card   ">
                                      <div class="icons"><img src="static/img/tech/sf.ico"></div>
                                      <div class="contents">
                                          <a href="https://segmentfault.com/" class="website" target="_blank" rel="nofollow" style="color:#444">
                                              SF思否
                                            </a>
                                          <p class="description">思否是中国领先的开发者技术社区 </p></div>
                                  </div>
                              </li>
                               <li class="hot-item">
                                      <div class="item-card   ">
                                      <div class="icons"><img src="static/img/tech/juejin.png"></div>
                                      <div class="contents">
                                          <a href="https://juejin.im" class="website" target="_blank" rel="nofollow" style="color:#444">
                                             掘金
                                            </a>
                                          <p class="description">一个帮助开发者成长的社区</p></div>
                                  </div>
                              </li>
                               <li class="hot-item">
                                      <div class="item-card   ">
                                      <div class="icons"><img src="static/img/tech/51.ico"></div>
                                      <div class="contents">
                                          <a href="https://www.51cto.com/" class="website" target="_blank" rel="nofollow" style="color:#444">
                                              51CTO
                                            </a>
                                          <p class="description">中国领先的IT技术网站 </p></div>
                                  </div>
                              </li>
                               <li class="hot-item">
                                      <div class="item-card   ">
                                      <div class="icons"><img src="static/img/tech/toutiao.png"></div>
                                      <div class="contents">
                                          <a href="https://toutiao.io/" class="website" target="_blank" rel="nofollow" style="color:#444">
                                              开发者头条
                                            </a>
                                          <p class="description">程序员分享平台</p></div>
                                  </div>
                              </li>
                               <li class="hot-item">
                                      <div class="item-card   ">
                                      <div class="icons"><img src="static/img/tech/InfoQ.jpg"></div>
                                      <div class="contents">
                                          <a href="https://xie.infoq.cn/" class="website" target="_blank" rel="nofollow" style="color:#444">
                                              InfoQ
                                            </a>
                                          <p class="description">一个实践驱动的技术社区资讯站点</p></div>
                                  </div>
                              </li>
                               <li class="hot-item">
                                      <div class="item-card   ">
                                      <div class="icons"><img src="static/img/tech/stackoverflow.svg"></div>
                                      <div class="contents">
                                          <a href="https://stackoverflow.com/" class="website" target="_blank" rel="nofollow" style="color:#444">
                                              StackOverflow
                                            </a>
                                          <p class="description">全球最大的技术问答社区</p></div>
                                  </div>
                              </li>
                               <li class="hot-item">
                                      <div class="item-card   ">
                                      <div class="icons"><img src="static/img/tech/cu.png"></div>
                                      <div class="contents">
                                          <a href="http://www.chinaunix.net/" class="website" target="_blank" rel="nofollow" style="color:#444">
                                              ChinaUnix
                                            </a>
                                          <p class="description">中国最大的Linux/Unix技术社区网站 </p></div>
                                  </div>
                              </li>
                              <li class="hot-item">
                                      <div class="item-card   ">
                                      <div class="icons"><img src="static/img/tech/ruby.png"></div>
                                      <div class="contents">
                                          <a href="https://ruby-china.org/" class="website" target="_blank" rel="nofollow" style="color:#444">
                                               Ruby china
                                            </a>
                                          <p class="description">国内最权威的 Ruby 社区</p></div>
                                  </div>
                              </li>
                              <li class="hot-item">
                                      <div class="item-card   ">
                                      <div class="icons"><img src="static/img/tech/golang.ico"></div>
                                      <div class="contents">
                                          <a href="https://studygolang.com/" class="website" target="_blank" rel="nofollow" style="color:#444">
                                               Golang中文社区
                                            </a>
                                          <p class="description">Go语言爱好者的学习家园</p></div>
                                  </div>
                              </li>


                        </ul>
                      </section>
                  </div>
                </div>
                </div>


        <div class="row">

            <div style="color:#fff;margin-top:200px;width:100%">
                <p>Copyright © huangmac.gitee.io 2021</br>
                    <a href="http://www.miibeian.gov.cn" target="view_window">鲁ICP备17042918号</a>
                </p>
            </div>
        </div>
    </div>

</section>


<!--&lt;!&ndash; about section &ndash;&gt;-->
<!--<section id="about">-->
<!--<div class="container">-->
<!--<div class="row">-->

<!--<div class="col-md-6 col-sm-12">-->
<!--<img src="images/about-img.png" class="img-responsive wow fadeInUp" alt="About">-->
<!--</div>-->

<!--<div class="col-md-6 col-sm-12">-->
<!--<div class="about-thumb">-->
<!--<div class="section-title">-->
<!--<h1 class="wow fadeIn" data-wow-delay="0.2s">our company</h1>-->
<!--<h3 class="wow fadeInUp" data-wow-delay="0.4s">Comila Studio is based in Hong Kong</h3>-->
<!--</div>-->
<!--<div class="wow fadeInUp" data-wow-delay="0.6s">-->
<!--<p>Vivamus elit risus, porttitor id placerat ut, aliquet non quam. Pellentesque nulla metus,-->
<!--ornare et porttitor vel, consectetur vitae erat. Vestibulum tristique semper tellus vitae-->
<!--condimentum. Duis sed eros eget diam dictum posuere.</p>-->
<!--<p>Aliquam vel gravida ligula. Phasellus ut purus ac libero ultrices commodo commodo at quam. In-->
<!--vestibulum purus sit amet tempus euismod. Donec sed congue nisl.</p>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->

<!--</div>-->
<!--</div>-->
<!--</section>-->

<!--&lt;!&ndash; feature section &ndash;&gt;-->
<!--<section id="feature">-->
<!--<div class="container">-->
<!--<div class="row">-->

<!--<svg preserveAspectRatio="none" viewBox="0 0 100 102" height="100" width="100%" version="1.1"-->
<!--xmlns="http://www.w3.org/2000/svg" class="svgcolor-light">-->
<!--<path d="M0 0 L50 100 L100 0 Z"></path>-->
<!--</svg>-->

<!--<div class="col-md-4 col-sm-6">-->
<!--<div class="media wow fadeInUp" data-wow-delay="0.4s">-->
<!--<div class="media-object media-left">-->
<!--<i class="icon icon-laptop"></i>-->
<!--</div>-->
<!--<div class="media-body">-->
<!--<h2 class="media-heading">Responsive</h2>-->
<!--<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque luctus lacus nulla, eget-->
<!--varius justo tristique ut.</p>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->

<!--<div class="col-md-4 col-sm-6">-->
<!--<div class="media wow fadeInUp" data-wow-delay="0.8s">-->
<!--<div class="media-object media-left">-->
<!--<i class="icon icon-refresh"></i>-->
<!--</div>-->
<!--<div class="media-body">-->
<!--<h2 class="media-heading">Bootstrap</h2>-->
<!--<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque luctus lacus nulla, eget-->
<!--varius justo tristique ut.</p>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->

<!--<div class="col-md-4 col-sm-8">-->
<!--<div class="media wow fadeInUp" data-wow-delay="1.2s">-->
<!--<div class="media-object media-left">-->
<!--<i class="icon icon-chat"></i>-->
<!--</div>-->
<!--<div class="media-body">-->
<!--<h2 class="media-heading">Support</h2>-->
<!--<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque luctus lacus nulla, eget-->
<!--varius justo tristique ut.</p>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->

<!--<div class="clearfix text-center col-md-12 col-sm-12">-->
<!--<a href="#contact" class="btn btn-default smoothScroll">Talk to us</a>-->
<!--</div>-->

<!--</div>-->
<!--</div>-->
<!--</section>-->

<!--&lt;!&ndash; contact section &ndash;&gt;-->
<!--<section id="contact">-->
<!--<div class="container">-->
<!--<div class="row">-->

<!--<div class="col-md-offset-2 col-md-8 col-sm-12">-->
<!--<div class="section-title">-->
<!--<h1 class="wow fadeInUp" data-wow-delay="0.3s">Get in touch</h1>-->
<!--<p class="wow fadeInUp" data-wow-delay="0.6s">Lorem ipsum dolor sit amet, consectetuer adipiscing-->
<!--elit, sed diam nonummy nibh euismod tincidunt ut laoreet. Dolore magna aliquam erat-->
<!--volutpat.</p>-->
<!--</div>-->
<!--<div class="contact-form wow fadeInUp" data-wow-delay="1.0s">-->
<!--<form id="contact-form" method="post" action="#">-->
<!--<div class="col-md-6 col-sm-6">-->
<!--<input name="name" type="text" class="form-control" placeholder="Your Name" required>-->
<!--</div>-->
<!--<div class="col-md-6 col-sm-6">-->
<!--<input name="email" type="email" class="form-control" placeholder="Your Email" required>-->
<!--</div>-->
<!--<div class="col-md-12 col-sm-12">-->
<!--<textarea name="message" class="form-control" placeholder="Message" rows="6"-->
<!--required></textarea>-->
<!--</div>-->
<!--<div class="col-md-offset-3 col-md-6 col-sm-offset-2 col-sm-8">-->
<!--<input name="submit" type="submit" class="form-control submit" id="submit"-->
<!--value="SEND MESSAGE">-->
<!--</div>-->
<!--</form>-->
<!--</div>-->
<!--</div>-->

<!--</div>-->
<!--</div>-->
<!--</section>-->

<!--&lt;!&ndash; footer section &ndash;&gt;-->
<!--<footer>-->
<!--<div class="container">-->
<!--<div class="row">-->

<!--<svg class="svgcolor-light" preserveAspectRatio="none" viewBox="0 0 100 102" height="100" width="100%"-->
<!--version="1.1" xmlns="http://www.w3.org/2000/svg">-->
<!--<path d="M0 0 L50 100 L100 0 Z"></path>-->
<!--</svg>-->

<!--<div class="col-md-4 col-sm-6">-->
<!--<h2>comila</h2>-->
<!--<div class="wow fadeInUp" data-wow-delay="0.3s">-->
<!--<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque luctus lacus nulla, eget varius-->
<!--justo tristique ut. Etiam a tellus magna.</p>-->
<!--<p class="copyright-text">Copyright &copy; 2016.Company name All rights reserved.<a target="_blank"-->
<!--href="http://www.freemoban.com/">www.freemoban.com</a>-->
<!--</p>-->
<!--</div>-->
<!--</div>-->

<!--<div class="col-md-1 col-sm-1"></div>-->

<!--<div class="col-md-4 col-sm-5">-->
<!--<h2>Our Studio</h2>-->
<!--<p class="wow fadeInUp" data-wow-delay="0.6s">-->
<!--120-240 aliquam augue libero,<br>-->
<!--Convallis in vulputate 10220 <br>-->
<!--San Francisco, CA, USA-->
<!--</p>-->
<!--<ul class="social-icon">-->
<!--<li><a href="#" class="fa fa-facebook wow bounceIn" data-wow-delay="0.9s"></a></li>-->
<!--<li><a href="#" class="fa fa-twitter wow bounceIn" data-wow-delay="1.2s"></a></li>-->
<!--<li><a href="#" class="fa fa-behance wow bounceIn" data-wow-delay="1.4s"></a></li>-->
<!--<li><a href="#" class="fa fa-dribbble wow bounceIn" data-wow-delay="1.6s"></a></li>-->
<!--</ul>-->
<!--</div>-->

<!--</div>-->
<!--</div>-->
<!--</footer>-->

<!--&lt;!&ndash; modal &ndash;&gt;-->
<!--<div class="modal fade" id="modal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">-->
<!--<div class="modal-dialog">-->
<!--<div class="modal-content modal-popup">-->
<!--<div class="modal-header">-->
<!--<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>-->
<!--</button>-->
<!--<h2 class="modal-title">Our Newsletter</h2>-->
<!--</div>-->
<!--<form action="#" method="post">-->
<!--<input name="fullname" type="text" class="form-control" id="fullname" placeholder="Full Name">-->
<!--<input name="email" type="text" class="form-control" id="email" placeholder="Email Address">-->
<!--<input name="submit" type="submit" class="form-control" id="submit" value="Subscribe Now">-->
<!--</form>-->
<!--<p>Thank you for your visiting!</p>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->


<!-- Back top -->
<a href="#back-top" class="go-top"><i class="fa fa-angle-up"></i></a>

<!-- javscript js -->
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>

<script src="js/vegas.min.js"></script>

<script src="js/wow.min.js"></script>
<script src="js/smoothscroll.js"></script>
<script src="js/custom.js"></script>

<script type="text/javascript" src="static/js/tipso.min.js"></script>
<script type="text/javascript" src="static/js/index.js"></script>
<script src="../static/js/openTab.js"></script>
<script src="../static/js/click.js"></script>
</body>
</html>